﻿@namespace ViewDependencies
@inherits ComponentBase
@page "/"

<div class="generalContainer">
    <div class="descriptionContainer">
        <div>重要说明</div>
        <div>1.本页面描述本项目模块之间的引用关系</div>
        <div>2.只显示项目引用，不显示对第三方模块的引用</div>
        <div>3.越底层的模块放在越上面，越高层的模块放在越下面</div>
        <div>4.单击任何一个模块，可以进入专注模式，仅显示它和它引用的模块</div>
        <div class="compactCentered">
            <button @onclick=@(()=>DisplayModule=Modules)>退出专注模式</button>
        </div>
    </div>
    <div class="allModulesContainer">
        @foreach (var item in ModuleStructure())
        {
            <div class="modulesContainer">
                @foreach (var module in item)
                {
                    <RenderModule Module="module" OnClick="@(()=>DisplayModule=module.ReferenceRecursion().Prepend(module))" />
                }
            </div>
        }
    </div>
</div>